<template>
  <div class="example-box">
    <cpcMenuType1 :datas="datas"></cpcMenuType1>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import cpcMenuType1 from '@/components/cpcMenu/cpcMenuType1.vue';
export default defineComponent({
  name: 'sceneExample',
  components: { cpcMenuType1 },
  data() {
    return {
      datas: []
    };
  },
  methods: {
    async getDatas(){
     const res = await (window as any).axios.get(`./projectConfig/sceneExampleConfig.json`);
      this.datas = res.data;
    }
  },
  mounted() {
    (this as any).getDatas();
  },
});
</script>

<style scoped lang="less">
@import url("@/styles/var.less");
.example-box {
  width: 100%;
  height: 100%;
  display: flex;
  .left {
    width: 3rem;
    height: 100%;
  }
  .right {
    background-color: @cr-bgc-base;
    flex: 1;
  }
}
</style>
